<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>票据详情</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <div th:replace="~{BackEnd/navigation::Favicon}"></div>

</head>

<body class="skin-dark">

<div class="main-wrapper">

    <!-- 头文开始 -->
    <div th:replace="~{BackEnd/navigation::Header}"></div>
    <!-- 头文结束 -->

    <!-- 侧边导航栏开始 -->
    <div th:replace="~{BackEnd/navigation::Topbbar}"></div>
    <!-- 侧边导航栏结束 -->

    <!-- 正文开始 -->
    <div class="content-body">

        <!-- Page Headings Start -->
        <div class="row justify-content-between align-items-center mb-10">

            <!-- Page Heading Start -->
            <div class="col-12 col-lg-auto mb-20">
                <div class="page-heading">
                    <h3>历史订单 <span>/ 票据详情</span></h3>
                </div>
            </div><!-- Page Heading End -->

        </div><!-- Page Headings End -->

        <div class="row mbn-30">

            <!--Invoice Head Start-->
            <div class="col-12 mb-30">
                <div class="invoice-head">
                    <h2 class="fw-700 mb-15">发票# iad - 101</h2>
                    <hr>
                    <div class="d-flex justify-content-between row mbn-20">
                        <!--Invoice Form-->
                        <div class="text-left col-12 col-sm-auto mb-20">
                            <h4 class="fw-600">发票抬头</h4>
                            <p>77南第七中心 <br>美国北路2455号。 <br>
                                +112 666 4558 99 <br>
                                info@adomx.com</p>
                        </div>
                        <!--Invoice To-->
                        <div class="text-left text-sm-right col-12 col-sm-auto mb-20">
                            <h4 class="fw-600">昵称</h4>
                            <p>北七中心25号 <br>美国南路3125号。 <br>
                                +112 666 4558 99 <br>
                                info@adomx.com</p>
                            <p><span class="text-heading fw-600">发票日期:</span> 2019年3月11日 <br>
                                <span class="text-heading fw-600">到日期:</span> 2019年4月20日</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--Invoice Head End-->

            <!--Invoice Details Table Start-->
            <div class="col-12 mb-30">
                <div class="table-responsive">
                    <table class="table table-bordered mb-0">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th><span>描述</span></th>
                            <th class="text-right"><span>数量</span></th>
                            <th class="text-right"><span>单价</span></th>
                            <th class="text-right"><span>总数</span></th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>#01</td>
                            <td>最新款游戏笔记本电脑</td>
                            <td class="text-right">5</td>
                            <td class="text-right">$1000</td>
                            <td class="text-right">$5000</td>
                        </tr>
                        <tr>
                            <td>#02</td>
                            <td>游戏鼠标套装</td>
                            <td class="text-right">5</td>
                            <td class="text-right">$100</td>
                            <td class="text-right">$500</td>
                        </tr>
                        <tr>
                            <td>#01</td>
                            <td>游戏耳机</td>
                            <td class="text-right">5</td>
                            <td class="text-right">$100</td>
                            <td class="text-right">$500</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--Invoice Details Table End-->

            <!--Invoice Total Start-->
            <div class="col-12 d-flex justify-content-end mb-15">
                <div class="text-right">
                    <h6>小计: $6000</h6>
                    <h6>税(10%): $600</h6>
                    <hr class="mb-10">
                    <h3 class="fw-600 mb-0">总价: $6600</h3>
                </div>
            </div>
            <!--Invoice Total Start-->

            <div class="col-12 mb-15">
                <hr>
            </div>

            <!--Invoice Action Button Start-->
            <div class="col-12 d-flex justify-content-end mb-30">
                <div class="buttons-group">
                    <button class="button button-outline button-primary">Download PDF</button>
                    <button class="button button-outline button-info">Send Print</button>
                    <button class="button button-outline button-secondary">Payment Process</button>
                </div>
            </div>
            <!--Invoice Action Button Start-->

        </div>

    </div>
    <!-- 正文结束 -->

<!--    页脚-->
    <div th:replace="~{BackEnd/navigation::Footer}"></div>
</div>

<div th:replace="~{BackEnd/navigation::Jsp}"></div>

</body>
</html>